html{
	font-size:10px;
	background-image:url(http://i.imgur.com/b9r5sEL.jpg);
	background-size:cover;
}
body,html{
	margin:0px;
	padding:0px;
	font-family:sans-serif;
}
.keys{
	display:flex;
	flex:1;
	min-height:100vh;
	justify-content:center;
	align-items:center;
	
}
.key{
	border:solid .4rem black;
	border-radius:.5rem;
	margin:1rem;
	padding:1rem .5rem;
	transition:all .07s ease;
	width:10rem;
	font-size:1.5rem;
	text-align:center;
	color:white;
	background:rgba(0,0,0,0.4);
	text-shadow:0 0 .5rem black;

}
kbd{
	display:block;
	font-size:4rem;
}
.sound{
	font-size:1.2rem;
	text-transform: uppercase;
	letter-spacing:.1rem;
	color:#ffc600;
}
.playing{
	transform:scale(1.1);
	border-color:#ffc600;
	box-shadow:0 0 1rem #ffc600;
}